<div class="root" v-if="listLoaded">
    <!--banner-->
    <div class="banner">
        <image resize="cover" class="banner-img" :src="bannerImg"></image>

        <text v-if="bannerTitle" class="banner-txt banner-txt-top font-msyhl">{{bannerTitle}}</text>
        <text v-if="bannerDes" class="banner-txt banner-txt-bot font-msyhl">{{bannerDes}}</text>
    </div>
    <!--/banner-->

    <!--商品列表-->
    <div class="goods-wrapper">
        <goods-list :goodsList="goodsList" :listCompleted="listCompleted" :listLoaded="listLoaded" :loading="loading" @fetchMore="listFetchMore"></goods-list>
    </div>
</div>